@charset "utf-8";

/*=====================================
  reset
  =====================================*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
thead,
tfoot,
tbody,
form,
fieldset,
legend,
div,
p,
span,
dl,
dt,
dd,
ul,
ol,
li,
blockquote,
pre,
q,
cite,
code,
input,
select,
textarea{margin:0;padding:0;/* font-family:"fang"; */}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
cite,
address,
sup,
sub,
th{font-weight:normal;font-style:normal;vertical-align:auto;font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
i{font-style:normal;}

/* @font-face{
   font-family: fang;
   src: url('http://h5.wufae.com/Chevrolet/upload/static/css/fang.ttf') format('truetype');
} */
*{font-family:"思源黑体";font-family:PingFangSC-Medium,PingFang SC;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,
textarea,
input:focus,
select:focus,
textarea:focus{/* font-family:"fang"; */}
ul,
ol{list-style-type:none;}
a:link,
a:visited{text-decoration:none;outline:0 none;}
a:hover,
a:active{text-decoration:underline;outline:0 none;}
fieldset,
a img{border:none;}
img{vertical-align:top;display:block;}
input,
textarea,
button{font-size:100%;}
input::-ms-clear{display:none;}
input::-ms-reveal{display: none;}
input::-o-clear{display: none;}
button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
select optgroup{font-style:normal;}
legend{display:none;}
.application{position:absolute;left:0;top:0;bottom:0;right:0;}

/*=====================================
  ȫ??  =====================================*/
html{height:100%;}
body{transition:opacity 0.25s;position:relative;margin:0 auto;width:100%;height:100%;overflow:auto;}
body.succ{opacity:1;}
.root_gap{position:relative;  /* width:96%; */}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden;}
.abs{position:absolute;}
.fImg{object-fit:fill;}
.videoView{position:absolute;left:0;top:0;width:100%;height:100%;}
.videoView video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;transition:opacity 0.2s;}
.videoView video.hidden{opacity:0;}
.animating{-webkit-backface-visibility:hidden;ackface-visibility:hidden;-webkit-perspective:1000;perspective:1000;}

/*=====================================
  swiper
  =====================================*/
.swiper-container{position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;display:block;}
.swiper-container .swiper-slide .breathAni{animation:breath 1.5s infinite ease-in-out;}
.swiper-container > .swiper-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;}
.swiper-container .swiper-slide{position:relative;background-position:center;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-justify-content:center;transform-origin:0% 0%;}

/**********************************/
.flex{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-justify-content:center;}
.cover{background-position:center;background-size:cover;}
.arrow{z-index:9999;position:absolute;bottom:16px;width:58px;left:50%;-webkit-animation:move 1.5s linear infinite;margin-left:-29px;}
.arrow2{position:relative;margin:20px auto 0;width:40px;-webkit-animation:move 1.5s linear infinite;}
.ani{text-align:center;}
.breathAni{-webkit-animation:breath 0.6s infinite ease-in-out;animation:breath 0.6s infinite ease-in-out;}
.bling{animation:flash2 1.8s linear infinite;-webkit-animation:flash2 1.8s linear infinite;}

/*=================preload==============================*/
.asset{display:none;}
.appwraper{position:relative;width:100%;background-color:#fff;}
@-webkit-keyframes move{
  0%,
  30%{opacity:0;-webkit-transform:translate(0,5px);}
  50%,
  80%{opacity:1;-webkit-transform:translate(0,-5px);}
  100%{opacity:0;-webkit-transform:translate(0,-10px);}
}
@-webkit-keyframes play{
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.rotateAni{-webkit-animation:play 1.5s linear infinite;}

/*==================Main==============================*/

/*new   */
.logo{position:absolute;width:16%;left:3vw;top:3vw;}
.logo2{position:absolute;width:16vw;top:1.6vw;left:1.9vw;}
.full{width:100%;height:100%;top:0;left:0;}
.full.showView{display:none;background:rgba(0,0,0,0.8);box-sizing:border-box;}
.ret{position:relative;}
.relt{position:relative;width:100%;display:block;margin:0 auto;}
.fit{background-size:100% auto;background-repeat:no-repeat;background-position:center top;background-color:#1092ea;}
.cover{background-size:cover;}
.fullbg{background-size:100% 100%;}
.tipsView{top:40vh;z-index:9999;width:100%;text-align:center;}
.tipsView .tips{display:inline-block;letter-spacing:1px;color:#fff;background-color:rgba(0,0,0,0.8);border-radius:5px;font-size:4.6vw;min-width:45vw;padding:3vw 3vw;}
@keyframes updownAni{
  0%{transform:translateY(-2vw)}
  100%{transform:translateY(2vw)}
}
@keyframes scaleIn{
  0%{transform:scaleY(0);opacity:.2}
  to{transform:scaleY(1);opacity:1}
}
.updownAni{-webkit-animation:updownAni 1s ease-in-out infinite alternate;animation:updownAni 1s ease-in-out infinite alternate;}
.slide-enter-active{animation:fadeInUp 0.2s ease-in;}
.slide-leave-active{animation:fadeOutUp 0.2s ease-out;}
.fade-enter-active{animation:fadeIn 0.2s ease-in;}
.fade-leave-active{animation:fadeOut 0.2s ease-out;}
.zoom-enter-active{animation:zoomIn 0.4s ease-in;}
.zoom-leave-active{animation:fadeOut 0.4s ease-out;}
.scale-enter-active{transform-origin:50% 0;animation:scaleIn 0.2s linear;}
.scale-leave-active{animation:fadeOut 0.2s linear;}
.fullPage{position:absolute;left:auto;top:auto;}
.partPage{position:absolute;left:0;top:auto;}
img.animating{-webkit-transition:all 0.6s ease;transition:all 0.6s ease;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;}
.loadingView{z-index:9999;}
.touchmove{overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}

/*************************************************/

/*滚动条样式*/::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.1);border-radius:0;background:rgba(0,0,0,0.1);}

/***********************new preload********************************/
.cursor{cursor:pointer;}
.root_gap{width:1200px;margin:0 auto 0;position:relative;}